<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport"
    content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Cache-Control" content="no-cache">
  <meta http-equiv="Expires" content="0">
  <title>签约信息</title>
  <script src="js/mui.min.js"></script>
  <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
  <script src="js/tools.js"></script>
  <link href="css/mui.min.css" rel="stylesheet" />
  <link rel="stylesheet" href="css/sign_info.min.css">
</head>

<body>
  <div class="wrap" id="app">
    <!-- 联系客服 -->
    <div class="kefu" v-if="env!='mp'"
      onclick="toKefu()">
      <img :src="ossImgUrl+'btn_kf.png'" alt="">
    </div>
    <div class="main">
      <!-- 模块标题 -->
      <div class="modeltitle">
        <span class="iconspan"></span>
        <span>签约信息</span>
      </div>
      <!-- 内容 -->
      <div class="content">
        <ul>
          <li class="li_item">
            <p>签约分公司：</p>
            <input readonly v-model="company_name" />
          </li>
          <li class="li_item">
            <p>签约身份：</p>
            <input readonly value="特约经销商" />
          </li>
          <li class="li_item">
            <p>签约金额：</p>
            <input readonly :value="'¥ '+sign_price" />
          </li>
          <li class="li_item">
            <p>手机号：</p>
            <input type="tel" v-model="phone" maxlength="13" placeholder="请输入手机号"
              onkeyup="this.value =this.value.replace(/\s/g,'').replace(/[^\d]/g, '').replace(/(^\d{3}\B|\d{4}\B)/g,'$1 ');"
              onpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu="value=value.replace(/[^0-9]/g,'')"
              @blur="queryInfo(phone)" />
          </li>
          <li class="li_item">
            <p>验证码：</p>
            <input type="tel" v-model="code" maxlength="6" placeholder="请输入手机验证码" @blur="mustClick" />
            <span class="getCode" v-html="codebtnMsg" @click="getCode">发送验证码</span>
          </li>
        </ul>
      </div>
      <!-- 模块标题 -->
      <div class="modeltitle">
        <span class="iconspan"></span>
        <span>推荐人信息</span>
      </div>
      <!-- 内容 -->
      <div class="content">
        <ul>
          <li class="li_item">
            <p>推荐码：</p>
            <input type="text" :readonly="!is_edit" v-model="referee_phone" @blur="getRefereeName(referee_phone)"
              maxlength="11" placeholder="请输入推荐码或手机号" onKeyUp="value=value.replace(/[\W]/g,'')"/>
          </li>
          <li class="li_item">
            <p>推荐人姓名:</p>
            <input type="text" :readonly="isReadonly" v-model="referee_name" @blur="mustClick"/>
          </li>
        </ul>
      </div>
      <!-- 操作 -->
      <div class="hasnodu">
        <img v-if="!isAgree" :src="ossImgUrl+'btn_select_pre.png'" @click="isAgree=true">
        <img v-else :src="ossImgUrl+'btn_select.png'" @click="isAgree=false">
        <div class="xieyi">
          <span>我已阅读并同意 </span><span class="red">
            <span class="red" @click="toXieyi(1)" href="special_xieyi.html">《特约经销商合作协议》</span>
            <span class="red" @click="toXieyi(2)" href="special_rzxieyi.html">《特约经销商入驻合作协议-门店版》</span>
          </span>
        </div>
      </div>
    </div>
    <!-- 下一步 -->
    <div class="nextstep" :class="!flag&&'opacity'" @click="submit">
      <p class="nextmsg">下一步</p>
    </div>
  </div>
</body>
<script src="js/flex.js"></script>
<script src="js/jquery-3.4.1.js"></script>
<script src="js/request.js"></script>
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.3.2.js"></script>
<script src="js/sign_info.js"></script>
<script src="js/not_return.js"></script>

</html>